<template>
  <div class="child-component">
    <h4>子组件</h4>
    <p>从父组件接收的消息: {{ message }}</p>
    <p>用户信息: {{ user.name }} - {{ user.age }}岁</p>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const props = defineProps({
  message: {
    type: String,
    required: true
  },
  user: {
    type: Object,
    required: true
  }
})

// 保留 emit 定义，因为父组件仍然可能需要监听这些事件
const emit = defineEmits(['update-message', 'send-data'])
</script>

<style scoped>
.child-component {
  padding: 15px;
  background-color: #f0f7ff;
  border-radius: 6px;
  margin-top: 10px;
}
</style>